<template>
	<div>
		<MyHeader></MyHeader>
		<div>
			<h1>省份</h1>
			<ul>
				<!-- <li><a href="./hebei.html" class="selected">河北省</a></li> -->
				<!-- 如果使用的是路由方式，就不能使用超链接a标签了，需要使用vue-router插件提供一个标签 -->
				<!-- router-link 将来会自动编译为a标签 -->
				<li><router-link to="/hebei" active-class="selected">河北省</router-link></li>
				<li><router-link to="/henan" active-class="selected">河南省</router-link></li>
			</ul>
		</div>
		<router-view></router-view>
	</div>
</template>

<script>
  import MyHeader from './components/MyHeader'
export default {
	name: 'App',
	components: { MyHeader }
}
</script>

<style lang="css">
.s1 {
	margin-left: 100px;
}

.s2 {
	margin-left: 200px;
}

.selected {
	background-color: aqua;
}
</style>